<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>个人信息</title>

<link href="/css/cropper.min.css" rel="stylesheet" type="text/css">
<link href="/css/vendor/common.css" rel="stylesheet" type="text/css">
<link href="/css/vendor/cmp-controls.css" rel="stylesheet" type="text/css">
<link href="/css/vendor/user-info-modify.less" rel="stylesheet/less" type="text/css">
<script src="/js/less.min.js"></script>
</head>

<body>

<div class="page-mask-container">
    <div class="user-info-wrap">
        <h1>个人信息</h1>
        
        <div class="row-0">
            <table class="icon-info" cellpadding="0" cellspacing="0">
                <tr><th>更换头像:</th></tr>
                <tr><td>请上传头像 要求: 90X90以上 PNG/JPEG</td></tr>
                <tr>
                    <td>
                        <table class="icon-table" cellpadding="0" cellspacing="0">
                            <tr>
                                <td>
                                     <img id="user-icon-0" class="icon-0" src="/images/user-info-modify/user-info-icon.png" alt="用户头像">
                                     <img id="user-icon-upload" class="upload-icon" src="/images/user-info-modify/user-info-icon-upload.png">
                                     <input id="user-icon-upload-input" type="file">
                                </td> 
                                <td>
                                    <img id="user-icon-1" class="icon-1" src="/images/user-info-modify/user-info-icon.png">
                                </td>
                            </tr>
                            <tr>
                                <td>90x90</td>
                                <td>27x27</td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>

            <table class="user-info" cellpadding="0" cellspacing="0">
                <tr>
                    <th>用户ID:</th>
                    <td>691-7</td>
                </tr>
                <tr>
                    <th>登录手机号:</th>
                    <td>15031548888</td>
                </tr>
                <tr>
                    <th>昵称:</th>
                    <td><input disabled class="common-edit" type="text" value="吴超"></td>
                </tr>
                <tr>
                    <th>性别:</th>
                    <td><select class="sex" disabled><option selected>男</option><option>女</option></select></td>
                </tr>
                <tr>
                    <th>绑定邮箱:</th>
                    <td><input disabled class="common-edit" type="text" value="feima@feima.com"></td>
                </tr>
            </table>
        </div>
        
        <div class="row-1">
            <table class="table-0">
                <tr>
                    <th>本地GPS权限:</th>
                    <td><select disabled><option>可用</option><option selected>不可用</option></select></td>
                </tr>
                <tr>
                    <th>状态:</th>
                    <td><select disabled><option selected>可用</option><option>不可用</option></select></td>
                </tr>
            </table>
            <table class="table-1">
                <tr>
                    <th>P40相机权限:</th>
                    <td><select disabled><option>可用</option><option selected>不可用</option></select></td>
                </tr>
                <tr>
                    <th>城市:</th>
                    <td><input disabled class="common-edit" type="text" value="深圳"></td>
                </tr>
                <tr>
                    <th>公司:</th>
                    <td><input disabled class="common-edit" type="text" value="深圳飞马机器人"></td>
                </tr>
            </table>
        </div>
        
        <p class="created-time">创建时间: <span>2017-09-13 18:42:15</span></p>
        
        <table class="bottom-bar">
            <tr class="editing-btn remove">
                <td class="button" onClick="userInfoM.clickCancel()"><img class="cancel" src="/images/user-info-modify/user-info-cancel.png"><span>取消</span></td>
                <td class="button" onClick="userInfoM.clickSave()"><img src="/images/user-info-modify/user-info-save.png"><span>保存</span></td>
            </tr>
            <tr class="normal-btn">
                <td class="button" onClick="userInfoM.updateEditState(true)"><img class="edit" src="/images/user-info-modify/user-info-edit.png"><span>编辑</span></td>
            </tr>
        </table>
    </div> 
</div>

</body>

<script src="/js/jquery-3.2.1.min.js"></script>
<script src="/js/cropper.min.js"></script>
<script src="/js/vendor/cmp-controls.js"></script>
<script src="/js/vendor/user-info-modify.js"></script>

<script>
    userInfoM.clickCancelCallback = function() {
        console.log("取消编辑");
    };
    
    userInfoM.clickSaveCallback = function() {
        console.log("点击了 保存个人信息");
        // 发消息给父页面刷新用户信息
        this.sendMsgUpdateInfo();
    }
    
</script>

</html>






